<template>
  <div class="index">
    <el-container>
      <el-header><my-header></my-header></el-header>
      <el-container>
        <el-aside width="initial"><aside-menu></aside-menu></el-aside>
        <el-main><router-view></router-view></el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import { Vue, Component } from 'vue-property-decorator'
import AsideMenu from './AsideMenu'
import MyHeader from './Header'
@Component({
  components: { AsideMenu, MyHeader }
})
export default class Index extends Vue {}
</script>
<style lang="less">
  .index {
    width: 100%;
    height: 100%;
    .el-container {
      width: 100%;
      height: 100%;
    }
    .el-header {
      background-color: #323b4b;
      color: #ffffff;
      text-align: center;
      height: 60px;
    }
    .el-aside {
      background-color: #545c64;
    }
  }
</style>
